.web {
  width: 100%;
  height: 100%;
  margin: 0 auto; }
  .web header .navbar-default .navbar-nav > .active > a, .web header .navbar-default .navbar-nav > .active > a:hover, .web header .navbar-default .navbar-nav > .active > .home:focus {
    background: #222222;
    color: #9d9d9d; }
    .web header .navbar-default .navbar-nav > .active > a:hover, .web header .navbar-default .navbar-nav > .active > a:hover:hover, .web header .navbar-default .navbar-nav > .active > .home:focus:hover {
      background: gainsboro;
      color: red; }
  .web header .navbar-default .navbar-nav > li > .family {
    background: #080808;
    color: #ffffff; }
    .web header .navbar-default .navbar-nav > li > .family:hover {
      background: gainsboro;
      color: red; }
  .web section {
    width: 100%; }
    .web section .section_top {
      width: 100%;
      height: 565px;
      background: #8bc01f; }
      .web section .section_top .layaflash {
        max-width: 465px;
        padding-top: 65px; }
        .web section .section_top .layaflash .img {
          width: 55px;
          height: 53px;
          margin-top: -25px; }
        .web section .section_top .layaflash .img + span {
          color: #ffffff;
          font-size: 48px; }
        .web section .section_top .layaflash p:nth-child(2) {
          color: #ffffff;
          font-size: 24.03px;
          padding-top: 10px;
          padding-bottom: 55px; }
        .web section .section_top .layaflash p:nth-child(3) {
          color: #ffffff;
          font-size: 14.09px;
          padding-bottom: 20px; }
        .web section .section_top .layaflash p:nth-child(4) {
          color: #ffffff;
          font-size: 14.09px;
          padding-bottom: 20px; }
        .web section .section_top .layaflash p:nth-child(5) {
          color: #ffffff;
          font-size: 14.09px;
          padding-bottom: 23px; }
        .web section .section_top .layaflash a {
          text-decoration: none; }
          .web section .section_top .layaflash a img {
            width: 100px;
            height: 34px; }
            .web section .section_top .layaflash a img:hover {
              opacity: 0.7; }
      .web section .section_top .f {
        padding-left: 40px;
        padding-top: 60px; }
        .web section .section_top .f img {
          width: 449px;
          height: 445px;
          display: block; }
    .web section .section_zj_1 {
      width: 100%;
      height: 621px;
      background-color: #3393df; }
      .web section .section_zj_1 .layaplayer {
        padding-top: 50px; }
        .web section .section_zj_1 .layaplayer .img_1 {
          width: 42px;
          height: 44px;
          margin-top: -25px; }
        .web section .section_zj_1 .layaplayer span {
          color: #ffffff;
          font-size: 48px; }
        .web section .section_zj_1 .layaplayer .img_2 {
          width: 303px;
          height: 289px;
          display: block;
          padding-top: 15px; }
      .web section .section_zj_1 .xingneng {
        max-width: 305px;
        padding-top: 135px; }
        .web section .section_zj_1 .xingneng p:nth-child(1) {
          color: #ffffff;
          font-size: 24px; }
        .web section .section_zj_1 .xingneng p:nth-child(2) {
          color: #ffffff;
          font-size: 14px;
          text-align: justify;
          line-height: 30px;
          margin-top: -5px; }
        .web section .section_zj_1 .xingneng p:nth-child(3) {
          color: #ffffff;
          font-size: 24px;
          padding-top: 5px; }
        .web section .section_zj_1 .xingneng p:nth-child(4) {
          color: #ffffff;
          font-size: 14px;
          text-align: justify;
          line-height: 30px; }
      .web section .section_zj_1 .cpu {
        padding-top: 220px; }
        .web section .section_zj_1 .cpu img {
          display: block;
          width: 264px;
          height: 273px; }
    .web section .section_zj_2 {
      padding-top: 80px; }
      .web section .section_zj_2 .layaair {
        max-width: 490px; }
        .web section .section_zj_2 .layaair img {
          width: 40px;
          height: 41px;
          margin-top: -17px; }
        .web section .section_zj_2 .layaair img + span {
          color: #3393df;
          font-size: 42px; }
        .web section .section_zj_2 .layaair p:nth-child(2) {
          color: #5d5d5d;
          font-size: 18px;
          padding-top: 15px; }
        .web section .section_zj_2 .layaair p:nth-child(3) {
          color: #3393df;
          font-size: 18px;
          padding-top: 15px; }
        .web section .section_zj_2 .layaair p:nth-child(4) {
          color: #5d5d5d;
          font-size: 14px;
          padding-top: 10px;
          padding-left: 20px;
          line-height: 25px; }
        .web section .section_zj_2 .layaair .jianju {
          color: #3393df;
          font-size: 18px;
          padding-top: 15px; }
        .web section .section_zj_2 .layaair p:nth-child(6) {
          color: #5d5d5d;
          font-size: 14px;
          padding-top: 10px;
          padding-left: 20px; }
        .web section .section_zj_2 .layaair p:nth-child(7) {
          color: #3393df;
          font-size: 18px;
          padding-top: 15px; }
        .web section .section_zj_2 .layaair p:nth-child(8) {
          color: #5d5d5d;
          font-size: 14px;
          padding-top: 10px;
          padding-left: 20px; }
      .web section .section_zj_2 .layaair_1 .jianju_1 {
        padding-top: 39px; }
      .web section .section_zj_2 .tupian {
        padding-top: 30px;
        padding-left: 65px; }
        .web section .section_zj_2 .tupian .yezi {
          width: 141px;
          height: 140px;
          display: block;
          cursor: pointer; }
      .web section .section_zj_2 .tupian_1 {
        margin-left: -10px; }
        .web section .section_zj_2 .tupian_1 img {
          width: 145px;
          height: 140px;
          cursor: pointer; }
    .web section .section_bot {
      width: 100%;
      height: 665px;
      background-color: #f7f7f7;
      margin-top: 85px; }
      .web section .section_bot .wuzi {
        margin-left: -30px; }
        .web section .section_bot .wuzi img {
          width: 162px;
          height: 154px;
          display: block;
          cursor: pointer; }
      .web section .section_bot .tupian_2 {
        padding-top: 45px;
        padding-left: 70px; }
        .web section .section_bot .tupian_2 img {
          width: 137px;
          height: 137px;
          display: block;
          cursor: pointer; }
